<template>
<div class="common-page clue-collection">
  <tab-panel :tab-list="tabList">
    <div class="group-panel" slot="case-clue">
      <case-clue></case-clue> 
    </div>
    <div class="group-panel" slot="person-clue">
      <person-clue></person-clue>
    </div>
  </tab-panel>
</div>
</template>

<style lang="scss" scoped>
@import "../../../src/style/_vars.scss";
.clue-collection{
  padding: 10px;
  background: $--background-color-base;
  .group-panel{
    height: 100%;
    background: white;
  }
}
</style>

<script>
import TabPanel from '@/components/common/tab-panel'
import CaseClue from '../components/clue-collection/case-clue'
import PersonClue from '../components/clue-collection/person-clue'
export default {
  name: 'clueCollection',
  components: {
    TabPanel,
    CaseClue,
    PersonClue
  },
  data() {
    return {
      tabList: [
        { label: '案件补采', name: 'case-clue' },
        { label: '涉案人员', name: 'person-clue' },
        { label: '涉案物品', name: 'object-clue' },
        { label: '涉案单位', name: 'unit-clue' },
        { label: '标识号码', name: 'mard-code' },
        { label: '涉案视频', name: 'clue-video' },
        { label: '电子话单', name: 'phone-list' },
        { label: '电子笔录', name: 'recode-list' }
      ]
    }
  },
  methods: {
    
  },
  mounted() {
  }
}
</script>